<!DOCTYPE html>

<%@ include file="/WEB-INF/jsp/includes/includes.jsp" %>

<html>

	<!-- html head, metadata, includes, etc -->
	<head>
		<%@ include file="/WEB-INF/jsp/includes/head.jsp" %>
		
		<!-- page specific import -->
		<link href="<c:url value='/styles/openid/openid.css'/>" rel="stylesheet"/>
	</head> 

	<body>
		<c:import url="/WEB-INF/jsp/includes/navigation.jsp">
			<c:param name="current" value="login"/>
		</c:import> 
		
		<div class="container">
		
			<!-- login information row -->
		  	<div class="row">
			    <!-- choose a provider -->
			    <div class="span6">
			   		<h2 class="header-background">Choose an OpenID Provider</h2>
		   			<!-- Simple OpenID Selector -->
					<form action="<c:url value='/j_spring_openid_security_check'/>" method="post" id="openid_form">
						<input type="hidden" name="action" value="verify" method="post"/>
						<fieldset>
							<div id="openid_choice">
								<p>Please click your account provider:</p>
								<div id="openid_btns"></div>
							</div>
							<div id="openid_input_area">
								<input id="openid_identifier" name="openid_identifier" type="text" value="http://" />
								<input id="openid_submit" class="btn btn-primary" type="submit" value="Sign-In"/>
							</div>
							<noscript>
								<p>OpenID is service that allows you to log-on to many different websites using a single indentity.
								Find out <a href="http://openid.net/what/">more about OpenID</a> and <a href="http://openid.net/get/">how to get an OpenID enabled account</a>.</p>
							</noscript>
						</fieldset>
					</form>
			    </div>
			    
				<!-- why openid -->
			    <div class="span6">
			      <h2 class="header-background">Tuppence uses OpenID</h2>
			      <p>
				  	As part of our commitment to open standards, interoperability, and software sharing the Tuppence project uses OpenID to manage
				  	identity and authentication.  You can choose one of the listed OpenID providers or choose to manually enter your own OpenID provider.
			      </p>
			    </div>
			</div>
		
			<!-- footer -->
	  		<%@ include file="/WEB-INF/jsp/includes/foot.jsp" %> 
				
		</div><!--/container-->
		
		<!-- javascript -->
		<!-- placed at the end of the document so the pages load faster, according to twitter bootstrap -->
		<%@ include file="/WEB-INF/jsp/includes/javascript.jsp" %>
		<!-- page specific -->
		<script type="text/javascript" src="<spring:url value='/js/openid/openid-jquery.js' htmlEscape='true'/>"></script>
		<script type="text/javascript" src="<spring:url value='/js/openid/openid-en.js' htmlEscape='true'/>"></script>		
		<script type="text/javascript">
			$(document).ready(function() {
				openid.init('openid_identifier');
			});
		</script>
	</body>
</html>